// import "./assets/main.css";

import { createApp } from "vue";
import App from "./App1.vue";
import BaseCard from "./components/ui/BaseCard.vue";
import BaseButton from "./components/ui/BaseButton.vue";
import BaseDialog from "./components/ui/BaseDialog.vue";
import { createRouter, createWebHistory } from "vue-router";
import HelloWorld from "./components/HelloWorld.vue";
import TheWelcome from "./components/TheWelcome.vue";

const router = createRouter({
    history: createWebHistory(),
    routes: [
        {path: '/hello', component: HelloWorld},
        {path: '/welcome', component: TheWelcome},
    ]
})


const app = createApp(App);

app.use(router)

app.component("BaseCard", BaseCard);
app.component("BaseButton", BaseButton);
app.component("BaseDialog", BaseDialog);

app.mount("#app");
